<template>
    <div><br/><br/><br/><br/><br/>


        <el-col :offset="10" :span="4">
            <i class="el-icon-edit"></i>发布新帖
        </el-col><br/><br/><br/>

        <el-col :offset="6">
            <el-col :span="2"><p>标题</p></el-col>
            <el-col :span="10">
                <el-input/>
            </el-col>
        </el-col>
        <br/>  <br/>
        <br/>  <br/>

        <el-col :offset="6">
            <el-col :span="2"><p>内容</p></el-col>
            <el-col :span="10">
                <el-input
                        type="textarea"
                        placeholder="请输入内容"
                        v-model="massage"
                        maxlength="150"
                        show-word-limit
                />
            </el-col>
        </el-col>


        <br/><br/><br/><br/>
        <el-col :offset="6" >
            <el-col :span="2"><p>板块</p></el-col>
            <el-col :span="10">
                <el-select  v-model="value" clearable placeholder="请选择">
                    <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                    </el-option>
                </el-select>
            </el-col>
        </el-col>


        <br/><br/><br/><br/>
        <el-col :offset="6">
            <el-col :span="2"><p>附加项</p></el-col>
            <el-col :span="3"><el-checkbox v-model="reply">禁止回复</el-checkbox></el-col>
            <el-col :span="3"><el-checkbox v-model="select">精选评论</el-checkbox></el-col>
        </el-col>


        <br/><br/><br/><br/><br/><br/><br/><br/>
        <el-col :offset="10">
            <el-col :span="2" >
                <el-button type="success">发布</el-button>
            </el-col>
            <el-col :span="2" @click="test">
                <el-button type="info">取消</el-button>
            </el-col>
        </el-col>

    </div>
</template>

<script>
    export default {
        name: "create",
        data(){
            return{
                reply:false,
                select:false,
            }
        }
    }
</script>

<style scoped>

</style>
